{% extends '_base.html' %}
{% load i18n %}

{% block title %}{% trans "500 服务器错误" %}{% endblock %}

{% block content %}
<div class="min-h-[70vh] flex items-center justify-center">
    <div class="text-center">
        <h1 class="text-9xl font-bold text-gray-900 dark:text-white">500</h1>
        <p class="text-2xl font-semibold text-gray-700 dark:text-gray-300 mt-4">{% trans "服务器错误" %}</p>
        <p class="text-gray-500 dark:text-gray-400 mt-4 mb-8">{% trans "抱歉，服务器出现了一些问题，请稍后再试。" %}</p>
        <a href="/" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">
            {% trans "返回首页" %}
        </a>
    </div>
</div>
{% endblock %}